#overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
z-index:99999;
display:none;
}
.lightbox-wrapper{
position:fixed;
top:50%;
left:50%;
display:none;
padding:30px;
z-index:100000;
}
.lightbox-wrapper .close-btn{
position:absolute;
top:0;
right:0;
width:22px;
height:22px;
margin:18px 18px 0 0;
background:url(../images/lightbox_icons.png) -1px center no-repeat;
cursor:pointer;
z-index:5;
}
#lightbox{
position:relative;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
width:100%;
height:100%;
color:#000;
background-color:#FFF;
overflow:hidden;
-webkit-box-shadow:0 0 20px 1px #000;
-moz-box-shadow:0 0 20px 1px #000;
box-shadow:0 0 20px 1px #000;
}
#lightbox .inner-box{
position:relative;
float:left;
width:auto;
height:auto;
border:10px solid #FFF;
overflow:hidden;
}
#lightbox .content{
position:relative;
float:left;
overflow:auto;
}
#lightbox .content img{
border:0;
}
#lightbox .cpanel{
position:relative;
width:100%;
height:24px;
padding-bottom:10px;
overflow:hidden;
display:none;
}
#lightbox .inner-cp{
position:relative;
height:24px;
padding:0 10px;
overflow:hidden;
}
#lightbox .play-btn,
#lightbox .prev-btn,
#lightbox .next-btn{
position:relative;
float:left;
width:24px;
height:24px;
background-image:url(../images/lightbox_icons.png);
background-repeat:no-repeat;
cursor:pointer;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
}
#lightbox .play-btn{
background-position:-24px center;
}
#lightbox .play-btn.pause{
background-position:-48px center;
}
#lightbox .prev-btn{
background-position:-72px center;
}
#lightbox .next-btn{
background-position:-96px center;
}
#lightbox .prev-btn.off,
#lightbox .next-btn.off{
-moz-opacity:.25 !important;
opacity:.25 !important;
filter:alpha(opacity=25) !important;
cursor:default;
}
#lightbox .play-btn:hover,
#lightbox .prev-btn:hover,
#lightbox .next-btn:hover{
-moz-opacity:.75;
opacity:.75;
filter:alpha(opacity=75);
}
#lightbox .info{
position:relative;
float:right;
width:auto;
height:24px;
line-height:24px;
padding:0 5px;
font-size:15px;
}
#lightbox .timer{
position:absolute;
top:0;
left:0;
background-color:#FFF;
width:0;
height:4px;
z-index:2;
visibility:hidden;
font-size:0;
-moz-opacity:.5;
opacity:.5;
filter:alpha(opacity=50);
}
#lightbox .desc{
position:absolute;
left:0;
color:#FFF;
text-align:left;
width:100%;
z-index:3;
overflow:hidden;
display:none;
background:#000;
background:rgba(0,0,0,0.75);
}
#lightbox .desc .inner-text{
padding:5px;
}
#lightbox .preloader{
position:absolute;
top:50%;
left:50%;
margin-left:-17px;
margin-top:-17px;
width:34px;
height:34px;
background:#000 url(../images/loader.gif) center no-repeat;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
z-index:1;
display:none;
}
#lightbox .outside-desc{
position:relative;
float:left;
text-align:left;
width:100%;
height:auto;
display:none;
}
#lightbox .outside-desc .inner-text{
position:relative;
float:left;
width:auto;
height:auto;
padding:0 10px 10px 10px;
overflow:hidden;
}
#lightbox .error-box{
font-size:16px;
width:300px;
height:60px;
line-height:60px;
text-align:center;
}
#lightbox iframe{
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
}
.hide-selects{
visibility:hidden;
}